<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <form action="">
      <div>
          <label for="">用户名</label>
          <input type="text" value="admin">

      </div>
      <div>
          <label for="">年龄</label>
          <input type="text" value="12">
      </div>
      <div>
          <label for="">职业</label>
          <select name="" id="">
              <option value="">学生</option>
              <option value="">老师</option>
              <option value="">司机</option>
              <option value="">画家</option>
              <option value="">演员</option>
              <option value="">电竞人</option>
          </select>
      </div>

  </form>
  <script type=""></script>

<script>
    // 用户表
    // 其中一个接口获取用户数据
    // 职业信息表
    // 其中一个接口获取所有的职业信息


    function get(url,callback) {
        var xhr = new XMLHttpRequest()

        // 当请求加载成功之后要调用的指定函数
        xhr.onload = function () {
//        console.log(xhr.responseText)
            callback(xhr.responseText)
        }
        xhr.open('get',url,true)
        xhr.send()

    }

</script>
</body>
</html>